<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/layout.css">
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/shopping.css">
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2805650_wxaz67v4o5.css"> -->
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/public.js"></script>
</head>
<body>
    <header></header>
    <script>
        $('header').load('./header.html')
    </script>
    <div class="content">
        <div class="con">
            <div class="con-title">
                <span>我的购物车</span>
                <a href="#">继续购物></a>
            </div>
            <div class="con-wp">
                <div class="wp-t"><img src="./img/no-result.50507a32.png" alt=""></div>
                <div class="wp-c">哎呀，购物车为空!</div>
                <div class="wp-b">
                    <button>去选购逛逛</button>
                    <button>我的收藏</button>
                </div>
            </div>
            <div class="con-wp2">
                <div class="cart-head">
                    <table>
                        <tr>
                            <th class="check-col"><label>
                                <i class="checkbox"></i>
                                <a href="javascript:void(0)">全选</a>
                            </label></th>
                            <th class="goods-col">商品名称</th>
                            <th class="price-col">价格（元）</th>
                            <th>数量</th>
                            <th>优惠</th>
                            <th>小计（元）</th>
                            <th>操作</th>
                        </tr>
                    </table>
                </div>
                
                
                <div class="cart-wrap">
                    <div>
                        <table>
                            <tr>
                                <td class="sum">
                                    <p>已选<em>0</em>件，合计(不含运费)：<b>￥4799.00</b></p>
                                    <p>（商品总价：<span class="pp">4799.00</span>优惠<span class="yh">0.00</span>)</p>
                                </td>
                                <td class="btn-col"><button class="btn">结算</button></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer"></div>
    <script>
        $('.footer').load('./footer.html')
    </script>
    <script src="./js/shopping.js"></script>
</body>
</html>